@import "//fonts.googleapis.com/css?family=Poiret+One";

@font-face {
font-family:fontfrate;
src:url(fontfrate.ttf)
}

#roulette-container {
margin-top:35%;
border-bottom-left-radius:10px;
border-top-right-radius:10px;
overflow:hidden;
box-shadow:1px 1px 18px 1px #000
}

#roulette-container-background {
margin:0;
position:absolute;
left:0;
width:100%;
height:100%;
opacity:.05
}

#roulette-images {
margin-top:10px;
height:90px
}

#roulette-images ul {
position:absolute;
left:50%;
margin:0;
padding:0;
white-space:nowrap
}

#roulette-images ul li {
display:inline;
list-style-type:none;
margin-right:4px
}

#roulette-images ul li img {
min-width:80px;
background:rgba(5,5,5,0.5);
box-shadow:0 0 4px -1px #000;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
margin-top:1px;
margin-bottom:1px
}

.roulette-indicator {
position:absolute;
left:50%;
margin:0;
width:3px;
height:130px;
background-color:rgba(0,166,255,0.808);
z-index:1
}

.input-section {
margin-top:50px
}

.logo {
position:absolute;
top:40%;
opacity:.7;
left:36%
}

 

#spin {
text-shadow:1px 1px 1px #000;
position:relative;
border:none;
font-family:fontfrate;
color:#fff;
padding:6px 60px;
box-shadow:1px 1px 18px 1px #000;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:15px;
cursor:pointer;
border-radius:8px;
transition:.2s all;
background:transparent;
border:2px solid #25b900
}